#Sleep {
    height: 100%;
    font-size: clamp(0.1rem, 4vw, 5rem);
    font-weight: bold;
}

#SleepHead {
    height: 10%;
}


.clock {
    border: 1px solid #ccc;
    height: 30%;
    width: 90%;
    margin: 10% auto;
    border-radius: 1rem;
}

.time {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.time1 {
    width: 45%;
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 2% 5%;
    position: relative;
    box-sizing: border-box;
}

.time2 {
    font-size: clamp(0.1rem, 7vw, 10rem);
    margin: 20% 0 10% 0;
}

.set {
    border: 1px solid #ccc;
    height: 10%;
    width: 90%;
    margin: 10% auto;
    border-radius: 1rem;
    padding: 2% 5%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
}

.start {
    border: 1px solid #2A6049;
    height: 6rem;
    width: 6rem;
    margin: auto;
    border-radius: 100%;
    position: relative;
    background-color: #BACAC2;
}